<template>
    <div class="main-container">
        <div class="content">
            <el-row type="flex" justify="center">
                <h3>{{ notice.title }}</h3>
            </el-row>
            <el-row type="flex" justify="center">
                <span style="color: grey"
                    >发布者: {{ notice.userName }} 时间:
                    {{ notice.createTime }}</span
                >
            </el-row>
            <hr />

            <el-row type="flex" style="flex-direction: column">
                <div style="color: grey">摘要: {{ notice.summary }}</div>
                <div style="margin-top: 20px" v-html="notice.content"></div>
            </el-row>
        </div>
    </div>
</template>

<script>
import moment from "moment/moment";

export default {
    name: "InstitutionNoticesPreview",
    data() {
        return {
            notice: {},
        };
    },
    mounted() {
        const { id } = this.$route.params;
        if (id) {
            this.noticeBareRequest(id);
        } else {
            this.$message.warning("无数据");
        }
    },
    methods: {
        // noticeRequest(id) {
        //   try {
        //     this.$axios({
        //       // 详见 axios 请求配置项
        //       method: 'GET',
        //       url: `/PROXY-Remote/notices/${id}`,
        //     }).then((res) => {
        //       // 请求失败
        //       if (res.data.code !== 200) {
        //         throw new Error(res.data);
        //       }
        //
        //       // 请求成功
        //       this.notice = res.data.data;
        //       this.notice.updateTime = moment(this.notice.updateTime).format('YYYY-MM-DD hh:mm:ss');
        //     },
        //     (err) => {
        //       this.$message.info(
        //         `${err.response.data.message}`,
        //       );
        //     });
        //   } catch (e) {
        //     // 跳出
        //   }
        // },
        noticeBareRequest(id) {
            try {
                this.$axios({
                    // 详见 axios 请求配置项
                    method: "GET",
                    url: `/PROXY-Remote/notices/bare/${id}`,
                }).then(
                    (res) => {
                        // 请求失败
                        if (res.data.code !== 200) {
                            throw new Error(res.data);
                        }
                        // 请求成功
                        this.notice = res.data.data;
                    },
                    (err) => {
                        this.$message.info(`${err.response.data.message}`);
                    }
                );
            } catch (e) {
                // 跳出
            }
        },
    },
};
</script>

<style scoped>
.content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    padding: 0px 100px 20px 100px;
}
</style>
